<template>
    <div class="container">
        <div style="display: flex; align-items: center; padding: 10px; color: #fff;">
            <span style="margin-right: 20px; font-weight: bold;">灾害性天气预警</span>
            <span style="margin-right: 20px;">|</span>
            <span style="display: flex; align-items: center;">
                <span>气象灾害预警</span>
            </span>
        </div>
        <iframe :src="url" frameborder="0" style="width: 100%;height: 820px;"></iframe>
    </div>
</template>

<script>
import Cookies from 'js-cookie';
export default {
    data() {
        return {
            county: Cookies.get('county'),

        }
    },
    computed: {
        url() {
            return 'https://d.scggqx.com/WarningSignal/YjDetails.jsp?warncityname=' + this.county
        }
    },
    mounted() {
        // window.open('https://d.scggqx.com/WarningSignal/YjDetails.jsp?warncityname=%E9%9B%85%E5%AE%89')
    },
}
</script>

<style scoped>
.container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
</style>